.{$badge-prefix}
  position relative
  display inline-block
  vertical-align middle
  line-height 1
  &-position-right
    position absolute
    top 50%
    right 0
    transform translateY(-50%)
    .{$badge-prefix}-count
      right 10px
      left auto
  &-count
    position absolute
    top -10px
    left 100%
    margin-left -5px
    transform scale(0)
    border-radius 100px
    background #e11617
    color $white-color
    line-height 18px
    text-align center
    font-size 12px
    white-space nowrap
    z-index 10
    transition $transition-time cubic-bezier(.24, .71, .73, 1.19)
    min-width 18px
    height 18px
    padding 0 4px
  &-count-show
    transform scale(1)
  &-count-dot
    width 6px
    height 6px
    min-width 0
    padding 0
    top -3px
    left auto
    right -3px
